<template>
    <view class="swiper-wrap data-v-57dbcfbd" :style="iStyle">
        <swiper :autoplay="true" @change="__e" class="data-v-57dbcfbd" :data-event-opts="[['change', [['change', ['$event']]]]]">
            <swiper-item class="data-v-57dbcfbd" v-for="(item, index) in list" :key="index">
                <image
                    @tap="__e"
                    class="slide-image data-v-57dbcfbd"
                    :data-event-opts="[['tap', [['handleClick', ['$event']]]]]"
                    :data-item="item"
                    mode="aspectFill"
                    :src="item.image + '?x-oss-process=image/resize,w_1200'"
                    :style="imageStyle"
                ></image>
            </swiper-item>
        </swiper>
        <view class="dots data-v-57dbcfbd" :style="dotListStyle">
            <view :class="['dot-item', 'data-v-57dbcfbd', current === index ? 'active' : '']" v-for="(item, index) in list" :key="index"></view>
        </view>
    </view>
</template>

<script>
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['components/Banner/Banner'],
    {
        '49c4': function (n, t, e) {},
        '4e44': function (n, t, e) {
            'use strict';

            e.d(t, 'b', function () {
                return r;
            });
            e.d(t, 'c', function () {
                return a;
            });
            e.d(t, 'a', function () {});
            var r = function () {
                this.$createElement;
                this._self._c;
            };
            var a = [];
        },
        5022: function (n, t, e) {
            'use strict';

            var r = e('49c4');
            e.n(r).a;
        },
        8003: function (n, t, e) {
            'use strict';

            e.r(t);
            var r = e('4e44');
            var a = e('c6ad');
            for (var c in a) {
                if (['default'].indexOf(c) < 0) {
                    (function (n) {
                        e.d(t, n, function () {
                            return a[n];
                        });
                    })(c);
                }
            }
            e('5022');
            var o = e('f0c5');
            var i = Object(o.a)(a.default, r.b, r.c, false, null, '57dbcfbd', null, false, r.a, void 0);
            t.default = i.exports;
        },
        c6ad: function (n, t, e) {
            'use strict';

            e.r(t);
            var r = e('e253b');
            var a = e.n(r);
            for (var c in r) {
                if (['default'].indexOf(c) < 0) {
                    (function (n) {
                        e.d(t, n, function () {
                            return r[n];
                        });
                    })(c);
                }
            }
            t.default = a.a;
        },
        e253b: function (n, t, e) {
            'use strict';

            Object.defineProperty(t, '__esModule', {
                value: true
            });
            t.default = void 0;
            var r = {
                name: 'Banner',
                props: {
                    list: {
                        type: Array
                    },
                    iStyle: {
                        type: String
                    },
                    imageStyle: {
                        type: String
                    },
                    dotListStyle: {
                        type: String
                    }
                },
                data: function () {
                    return {
                        current: 0
                    };
                },
                methods: {
                    change: function (n) {
                        this.current = n.detail.current;
                    },
                    handleClick: function (n) {
                        var t = n.currentTarget.dataset.item.link || {};
                        this.toLink(t);
                    }
                }
            };
            t.default = r;
        }
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'components/Banner/Banner-create-component',
    {
        'components/Banner/Banner-create-component': function (n, t, e) {
            e('543d').createComponent(e('8003'));
        }
    },
    [['components/Banner/Banner-create-component']]
]);
</script>
<style>
@import './Banner.css';
</style>
